{extend name='public/nav' /}
{block name="title"}-产品中心-{$product.name}{/block}
{block name="page-class"}insi-page{/block}
{block name="block"}
<!-- E touch-top-wrapper --><!-- ==================== E top ==================== --><!-- ==================== S header ==================== -->
<div id="a1portalSkin_headerAreaA" class="header"><!-- Start_Module_127377 --><a name="24969" id="24969"></a>
    <div class="module-default">
        <div class="module-inner">
            <div id="a1portalSkin_ctr127377127377_mainArea" class="module-content"><!-- Start_Module_127377 --><!-- S slideshow -->
                <div class="slideshow slideshow-min carousel clearfix" style="height:250px; overflow:hidden;">
                    <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 1899px; height: 250px; margin: 0px; overflow: hidden; cursor: move;">
                        <div id="carousel-127377" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: -10px; margin: 0px; width: 5739px; height: 250px;">
                            <div class="carousel-item" style="margin-right: 0px;">
                                <div class="carousel-img"><a href="javascript:;" target=""><img src="/uploads/nav/{$nav_image}" height="250" alt=""></a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    $(window).bind("load resize",function(){
                        $("#carousel-127377").carouFredSel({
                            width       : '100%',
                            items  : { visible : 1 },
                            auto     : { pauseOnHover: true, timeoutDuration:5000 },
                            swipe     : { onTouch:true, onMouse:true },
                            pagination  : "#carousel-page-127377",
                            scroll   : { fx : "crossfade" }
                        });
                    });
                </script><!-- E slideshow --><!-- End_Module_127377 --></div>
        </div>
    </div>
</div>
<!-- ==================== E Header ==================== --><!-- ==================== S main ==================== -->
<section class="main">
    <div class="breadcrumbs-wrapper">
        <div class="page-width clearfix"><!-- S breadcrumbs -->
            <div class="breadcrumbs" skinobjectzone="HtmlBreadCrumb_2618">
                <span>当前位置：</span>
                <a href="/">主页</a> &gt;
                <a href="{:url('/p/'.$product['id'])}">产品中心</a> &gt;
                <a href="javascript:;">{$product.name}</a>
            </div>
            <!-- E breadcrumbs -->
        </div>
    </div>
    <div class="page-width clearfix"><!-- S content -->
        <section class="content float-right">
            <div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_127374 --><a name="24951" id="24951"></a>
                <div class="module-default">
                    <div class="module-inner">
                        <div id="a1portalSkin_ctr127374127374_mainArea" class="module-content"><!-- Start_Module_127374 --><!-- S product-detail-simple -->
                            <div class="product-detail product-detail-simple">
                                <div class="product-desc">
                                    <div class="qhd-content"> <div>
                                        <p style="text-align: center;">
                                            <img alt="{$product.name}" src="/uploads/product/{$product.image}"></p>
                                    </div>
                                        <div>
                                            <h1 style="text-align: center;">
                                                {$product.name}</h1>
                                        </div>
                                        <div>
                                            <div>
                                                {$product.content}
                                            </div>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <!-- E product-detail-simple --><!-- End_Module_127374 --></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- S content --><!-- S sidebar -->
        <section class="sidebar float-left"><!-- S page-menu -->
            <section class="page-menu" skinobjectzone="menu_2793">
                <div class="page-menu-title">
                    <div class="page-menu-item">

                        <h3>产品中心</h3>
                    </div>
                </div>
                <div class="page-menu-content">
                    <ul>
                        {volist name="tree" id="vo"}
                        <li class=""><a href="javascript:;" target="">{$vo.name}</a><i></i>
                            {notempty name="vo.childrens"}
                            <ul>
                                {volist name="vo.childrens" id="v"}
                                <li class="" cate-id="{$v.id}"><a href="{:url('/p_list/'.$v['id'])}" target="">{$v.name}</a><i></i> </li>
                                {/volist}
                            </ul>
                            {/notempty}
                        </li>
                        {/volist}
                    </ul>
                    <!-- S 没有子菜单时输出 --><!-- E 没有子菜单时输出 -->
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $('.page-menu-content ul > li:last').addClass('last');

                            $('.page-menu-content > ul > li > a').click(function () {
                                if ($(this).siblings('ul')) {
                                    $(this).siblings('ul').slideDown('fast');
                                    $(this).parent('li').siblings('li').find('ul').slideUp('fast');
                                    $(this).parent('li').addClass('current').siblings('li').removeClass('current');
                                }
                            });

                        });
                    </script>
                </div>
            </section>
            <!-- S page-menu -->
            <div class="clear"></div>
            <div id="a1portalSkin_sidebarAreaA" class="QHDEmptyArea sidebar-content"></div>
        </section>
        <!-- E sidebar --></div>
</section>
<!-- ==================== E main ==================== --><!-- ==================== S footer ==================== -->
{/block}
{block name="javascript"}
<script>
    $(function () {
        var cid = {$product.cate_id};
        $('li[cate-id="'+cid+'"]').addClass('active').parent().show().parent().addClass('current');
    });
</script>
{/block}